<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>添加信用卡</title>
    <link href="../static/css/my_addBankCard.css" rel="styleSheet"/>
</head>
<body>
    <div class="content">
             <!--列表一  -->
        <div class='list'>
            <div class='li' >
                <text>持卡人</text>
                <input  id='name' placeholder='请输入真实姓名' value=''></input>
                <img id="showName"  src='../static/img/bankcard_icon_warning.png'/>
            </div>
            <div class='li'>
                <text>身份证</text>
                <input type='number' id='idCard' placeholder='请输入身份证' value=''></input>
            </div>
        </div>
        <!--信用卡  -->
        <div class='list creditCardBox'>
            <div class='li'>
                <text>卡号</text>
                <input type='number' id='cardno' placeholder='请输入您的卡号' value=''></input>
            </div>
            <div class='li'>
                <text>有效期</text>
                <input id='validDate' type='number' placeholder='卡正面有效期,如06/21,输入0621' value=''></input>
                <img id='showValidityPeriod' src='../static/img/bankcard_icon_warning.png'>
            </div>
            <div class='li'>
                <text>CVN2</text>
                <input id='cvv' type='number' placeholder='卡背面末3位数字' value=''></input>
                <img id='showBack' src='../static/img/bankcard_icon_warning.png'>
            </div>
            <div class='li'>
                <text>手机号</text>
                <input id='mobile' type='number' placeholder='请输入您的手机号' value=''></input>
            </div>
            <li class="li">
                <text >验证码</text>
                <div class="right">
                    <input id="verificationCode" type="text" placeholder="请输入验证码" value="">
                    <label id="getCode"  class="code">获取验证码</label>
                </div>
            </li>
            <div class='li mgtop'>
                <text>额度</text>
                <input id='limitAmount' type='number' placeholder='请输入信用卡额度' value=''></input>
            </div>
            <div class='li'>
                <text>账单日</text>
                <input id='choseBill' maxlength="2"  placeholder='信用卡账单日，如01(范围值在1-31)' value=''></input>
            </div>
            <div class='li'>
                <text>还款日</text>
                <input id='choseRment' maxlength="2" placeholder='信用还款日，如01(范围值在1-31)' value=''></input>
            </div>
        </div>
        <!-- 完成 -->
        <div id='addedBank' class='btn red'>完成</div>
        <!--有效期的弹屏  -->
        <div class=' showTerm' bindtap='hideValidityPeriod' >
            <img class='centered' src='../static/img/bankcard_valid_example.png'/>
        </div>
        <!--弹屏  -->
        <div class=' showBack' bindtap='hideBack'>
            <img class='centered' src='../static/img/bankcard_cvn2_example.png'/>
        </div>
        <!-- @@include ../template/mask.html -->
    </div>
    <script src="../static/js/jquery-2.1.1.min.js"></script>
    <script src="../static/js/fontsize.js"></script>
    <script src="../static/dist/wx_rsa.js"></script>
    <script src="../static/js/base.js"></script>
    <script src="../static/js/my_addBankCard.js"></script>
</body>
</html>